page-index {
  .scroll-content {
    background: #ebeeef;
    .main-content {
      position: relative;
      height: 100%;
      .col {
        line-height: 20px;
        padding: 10px 5px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
      };
      .left-menu {
        width: 100px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
        .col {
          background: white;
          border-top: 1px solid #ccc;
          border-bottom: 1px solid #ccc;
          margin-bottom: -1px;
          &.active {
            background: #ebeeef
          }
        }
      };
      .right-menu {
        height: 100%;
        .scroll-content {
          padding-left: 100px;
          .row {
            background: white;
            border: 1px solid #ccc;
            border-radius: 5px;
            .col {
              &.active {
                color: #1b82d2;
              }
            }
          };
          .right-title {
            line-height: 20px;
            padding: 10px 8px;
            text-align: center;
          }
        }
      }
    }
  }
}
